<template>
	<view class="money" v-if="show" @click="hideDialog">
		<image src="@/static/money.png"></image>
		 <progress class="pro" percent="100" activeColor="#f1ea5c" active stroke-width="8" border-radius="16" :duration="duration"/>
	</view>
</template>

<script>
	export default {
		props:["time"],
		data() {
			return{
				show:false,
				duration:this.time * 10
			}
		},
		onLoad(){
			
		},
		methods:{
			showDialog(){
				this.show = true;
			},
			hideDialog(){
				this.show = false;
			}
		}
	}
</script>

<style lang="scss" scoped>
	.money{
		position: absolute;
		right: 10rpx;
		top: 40%;
		width: 100rpx;
		text-align: center;
		image{
			width: 50rpx;
			height: 50rpx;
		}
		.pro{
			margin-top: -10rpx;
		}
	}
</style>
